<html>
<head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">

        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
        <script src="js/temp.js"></script>
        <script src="js/javascript.js"></script>
        <script src= "lib/jquery.mobile-1.4.2/jquery.mobile-1.4.2.js"></script>
        <link rel="stylesheet" type="text/css" href="themes/holiday.css" />
        <link rel="stylesheet" type="text/css" href="lib/jquery.mobile-1.4.2/jquery.mobile-1.4.2.css" />
        <link rel="stylesheet" type="text/css" href="css/styles.css">
        
        <link rel="stylesheet" href="lib/owl.carousel/owl-carousel/owl.carousel.css">
        <link rel="stylesheet" href="lib/owl.carousel/owl-carousel/owl.theme.css">
        <script src="lib/owl.carousel/owl-carousel/owl.carousel.js"></script>
</head>
<body>
    <div id="panel" data-display="overlay" >
<!--            <p>Open!</p> 
    <a href="#">Close</a>-->
    </div>
    <div data-role="page" id="index">
        <div data-role="header" data-position="fixed">
            <div id="Menu" class="menu"></div>
            <a href="#panel"  data-role="none"><img src="img/icon.png"></a>
        </div>
        <div data-role="content">
            <div id="bg"><img src="img/banner.png" id="banner"></div>
            <div class="share"></div>
            <div class="true-content">
                店家推介
                <hr>
                <ul id="recomment"></ul>
                <hr>
                <div style="text-align: right;">>>></div>
            </div>
            <div class="bar"></div>
            <div class="true-content">
                全店貨品
                <hr>
                <ul id="output"></ul>
            </div>  
        </div>
    </div>
   
    <div data-role="page" id="pagetwo">
        <div data-role="header" data-position="fixed">
            <div id="Menu2" class="menu"></div>
            <a href="#panel" data-role="none"><img src="img/icon.png"></a>
        </div>
        <div data-role="content">
            <div id="owl-demo" class="owl-carousel">
            </div>
            
            <div id="item_image"></div>
            <div class="share"></div>
            <div class="true-content">
                <div id="initem_name"></div>
                <div id="initem_price"></div>
            </div>
            <div class="bar"></div>
            <div class="true-content">
                商品描述
                <hr>
                <div id="item_description"></div>
            </div>
            <div class="bar"></div>
            <div class="true-content">
                客戶評價
                <hr>
                暫無評價
            </div>
            
        </div>
        <div data-role="footer" data-position="fixed"> 
            數量：<input type="text" data-role="fieldcontain"><img src="img/buynow.png" class="button"><img src="img/add.png" class="button">
        </div> 
    </div>

</body>
</html>